{__NOLAYOUT__}
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>修改密码</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="__DOMAIN__/__LAYUI__/css/layui.css" media="all" />
	<link rel="stylesheet" href="__DOMAIN__/__CSS__/public.css" media="all" />
</head>

<body class="childrenBody">
	<form class="layui-form layui-row changePwd">
		<div class="layui-col-xs12 layui-col-sm6 layui-col-md6">
			<div class="layui-input-block layui-red pwdTips">新密码必须两次输入一致才能提交</div>
			<div class="layui-form-item">
				<label class="layui-form-label">用户名</label>
				<div class="layui-input-block">
					<input type="text" value="{$old.user}" disabled class="layui-input layui-disabled">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">旧密码</label>
				<div class="layui-input-block">
					<input type="password" value="" id="oldPwd" placeholder="请输入旧密码" lay-verify="required|oldPwd"
						class="layui-input pwd">
					<input type="hidden" id="old" value="{$old.old}">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">新密码</label>
				<div class="layui-input-block">
					<input type="password" value="" id="newPwd" placeholder="请输入新密码" lay-verify="required|newPwd" id="newPwd" class="layui-input pwd">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">确认密码</label>
				<div class="layui-input-block">
					<input type="password" value="" id="confPwd" placeholder="请确认密码" lay-verify="required|confirmPwd"
						class="layui-input pwd">
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button class="layui-btn" lay-submit="" lay-filter="changePwd">立即修改</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>
		</div>
	</form>
	<script src="__DOMAIN__/__JS__/md5.js"></script>
	<script type="text/javascript" src="__DOMAIN__/__LAYUI__/layui.js"></script>
	<script>
		layui.use(['form', 'layer'], function () {
			var form = layui.form,
				layer = parent.layer === undefined ? layui.layer : top.layer,
				$ = layui.jquery,

			old = $('#old').val();
			//添加验证规则
			form.verify({				
				oldPwd: function (value, item) {
					if (md5(value) != old) {
						return "旧密码错误，请重新输入！";
					}
				},
				newPwd: function (value, item) {
					if (value.length < 6) {
						return "密码长度不能小于6位";
					}
				},
				confirmPwd: function (value, item) {
					if (!new RegExp($("#newPwd").val()).test(value)) {
						return "两次输入密码不一致，请重新输入！";
					}
				}
			})

			//修改密码
			form.on("submit(changePwd)", function (data) {
				var index = layer.msg('提交中，请稍候', { icon: 16, time: false, shade: 0.8 });
				$.post('changePwd', {
					oldPwd: md5($('#oldPwd').val()),
					newPwd: md5($('#newPwd').val()),
					confPwd: md5($('#confPwd').val()),
				}, function (res) {
					top.layer.msg(res.msg);
					if (res.code == 0) {
						top.layer.msg('请重新登录');
						parent.window.location.href="{:url('logout')}";
					} else{
						window.location.reload();
					}
				})
			})
		})
	</script>
</body>

</html>